<template>
  <div class="tower">
    <iframe id="tower-four"
      src="http://jx-linkcreate.cn:8080/#/DeviceMonitor/views/DeviceRealTime/DeviceRealTime2D?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpc3MiOiJNSU5HIiwiZXhwIjoxNzE3MDg0ODAwLCJpYXQiOjE2MjE0NzY3NzYsImFjY291bnQiOiJ3aW5zdG9uLTE2OSJ9.zVuuEb_aGvRE9Q8DF8MzpUrm52HJ1vioojGLz7zyQWY&fullscreen=1&sidebar=0&deviceId=1079"
      frameborder="0"
    ></iframe>
  </div>
</template>

<script>
export default {
  data () {
    return {
			loading: true,
		}
  },
  inject: ['handleModelDisplay', 'handleHtmlLabelShow'],
  activated () {
    this.handleModelDisplay([])
    this.handleHtmlLabelShow([])
  },
  methods: {

  }
}
</script>

<style lang="less">
  .tower {
    width: 98%;
    height: 93%;
    margin-left: 1%;
    margin-top: 2%;
    pointer-events: none;
    position: relative;
		background: rgba(22, 28, 29, 0.87);

    * {
      pointer-events: all;
    }

    iframe {
      display: block;
      width: 100%;
      height: 100%;
    }
  }
</style>
